<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
#parse("/WEB-INF/views_webapp/layout/css.html")
<style type="text/css">
	body{
		background: #eee;
		overflow: hidden;
	}
	
	.subbtn{
		display: block;
		width: auto;
		height: 5rem;
		background:#04BE02;
		text-align: center;
		line-height: 5rem;
		color: #fff;
		border-radius:4px;
		margin: 0.5rem;
	}
	
	.banquan{
		position: fixed;
		bottom:2rem;
		width: 100%;
		text-align: center;
		font-size: 1.2rem;
		color: #ccc;
	}
	.inpubox{
		padding:0.5rem;
	}
	.inputSelect{
		box-shadow:0 0 1px #ccc;
		-webkit-box-shadow:0 0 1px #ccc;
		height: auto;
		background: #fff;
		padding: 1rem;
	}
	.ase{
		display: block;
		width: 100%;
		text-align: left;
	}
	.ase option{
		direction:ltr;
	}
	.inputTitle{
		padding: 1rem 0 1rem 0;
	}
	.inputtxt{
		display: block;
		width: 100%;
		height: 10rem;
	}
	#gdtitle{
		padding:1rem 0.5rem 1rem 0.5rem;
		box-shadow:0 0 1px #ccc;
		-webkit-box-shadow:0 0 1px #ccc;
	}
	.gdicon{
		width: 3rem;
		height: 3rem;
		background: #fff;
		border-radius: 10rem;
		overflow: hidden;
		text-align: center;
	}
	.isdx{
		line-height: 3rem;
		padding-left:1rem;
		color: #555;
	}
	select,select option {
    direction: ltr !important;
}
</style>
</head>
<body>
<div class="wrapper">
	<div id="gdtitle">
		<div class="gdicon fl"><img style="height:3rem;" src="${base}/static/res/webapp/img/bg.png"/></div>
		<div class="fl isdx">
			$!{shelfForShort} X 咕哒猎人
		</div>
		<div class="clear"></div>
	</div>
	<input type="hidden"  id="shelfId"  value="$!{shelfId}">
	<div class="inpubox">
		<div class="inputTitle">告诉我你想干嘛？</div>
		<div class="inputSelect">
			<select class="ase" id="type"  >
				<option value="1">我想吃</option>
				<option value="2">我想要</option>
			</select>
		</div>
	</div>
	<div class="inpubox">
		<div class="inputSelect">
			<textarea class="inputtxt" max-length="500" id="msgContent" placeholder="我想吃：请尽量说明你想吃的东东的品牌、名称、口味等等，或者说“咕哒猎人我要吃李敏镐在《城市猎人》里啃的那种大饼！"></textarea>
		</div>
	</div>
	<a id="subbtn" class="subbtn">提交</a>
</div>

<div class="banquan">
	咕哒猎人版权所有
</div>
#parse("/WEB-INF/views_webapp/layout/bottom.html")
<script type="text/javascript">
	$(function(){	
		
		$("#subbtn").click(function(){
			$.ui.mask("客官稍等……",true);
			if ($("#msgContent").val()==''||$("#msgContent").val()==null) {
				$.ui.unmask();
				$.ui.toptip("请填写留言内容");
				return false;
			}
			 if ($("#msgContent").val().length>200) {
				$.ui.unmask();
				$.ui.toptip("已超过最大字数，最大字数为200");
				return false;
			}
			if ($("#type").val()==''||$("#type").val()==null) {
				$.ui.unmask();
				$.ui.toptip("请告诉我你想干嘛！");
				return false;
			}
			if ($("#shelfId").val()==''||$("#shelfId").val()==null) {
				$.ui.unmask();
				$.ui.toptip("系统错误！");
				return false;
			}
			$.ajax({
	    		type: 'POST',
	    		url: "/h5/addShelfMsg" ,
	    		data: {
	    		msgContent:$("#msgContent").val(),
	    		type:$("#type").val(),
	    		userId:$("#userId").val(),
	    		shelfId:$("#shelfId").val()
	    		},	    
	    		dataType:"json",
	    		success: function(data){
	    		if(data.code==200){	
	    			$.ui.toptip("留言成功啦！");
	    			$("#msgContent").val("");
	    			$("#type").val(1);
	    			}else{
	    			$.ui.unmask();
	    			$.ui.toptip(data.msg);	
	    			
	    			}
	   			 }
			});
			$.ui.unmask();
		});
	});
	
	
	
</script>
<!--如果是微信客户端，需要以下代码--->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '${config.appId}', // 必填，公众号的唯一标识
    timestamp:'${config.timestamp}', // 必填，生成签名的时间戳
    nonceStr: '${config.nonceStr}', // 必填，生成签名的随机串
    signature: '${config.signature}',// 必填，签名，见附录1
    jsApiList: [
    	'scanQRCode'
    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});	
wx.ready(function () {
	 WeixinJSBridge.call('hideOptionMenu');
	 
//	 wx.scanQRCode({
//	    needResult:1,
//	    scanType: ["qrCode"],
//	    success: function (res) {
//	    	var result = res.resultStr;
//	    	alert("扫描结果为："+result)
//		}
//	});
});
</script>
</body>
</html>